<template lang="pug">
    .goods-detail
        div(class="good-swiper base-line--surround")
            mt-swipe(:auto="4000",:show-indicators="true")
                mt-swipe-item
                    img(src="//c1.51cjml.com/c3/partitem/000/676/067600+600.jpg")
                mt-swipe-item
                    img(src="//c1.51cjml.com/c3/partitem/000/676/067600+600.jpg")
                mt-swipe-item
                    img(src="//c1.51cjml.com/c3/partitem/000/676/067600+600.jpg")
        mt-cell(title="机油滤清器 宝珑-P152")
        .cell-group
            mt-cell(class="base-line--bottom",title="高度",value="79")
            mt-cell(class="base-line--bottom",title="外径",value="76")
            mt-cell(title="螺纹尺寸",value="3/4-16UNF")
        .cell-group
            mt-cell(class="base-line--bottom",title="马勒")
                .round-msg OC1196
                .round-msg OC11/71
            mt-cell(class="base-line--bottom",title="曼牌")
                .round-msg w712/45
            mt-cell(title="博世")
                .round-msg OC1196
                .round-msg OC11/71
</template>

<script>
export default {
  name: '',
  data () {
    return {

    }
  },
  components: {

  },
  watch: {

  },
  mounted () {

  },
  methods: {

  }
}
</script>

<style scoped lang="scss" >
.goods-detail{
    .good-swiper{
        height: 500px;
        display: flex;
        align-items: center;
        justify-content: center;
        .mint-swipe{
            width: 600px;
            height: 400px;
            img{
                 width: 600px;
                 height: 400px;
            }
        }

    }
}
</style>
